﻿.pictureDetail section[role=main] {
    margin:20px 0 0 120px;
    display:-ms-grid;
    -ms-grid-columns:700px 400px;
}
.picture-related-wrap {
    position:relative;
    -ms-grid-column: 2;
    margin:0 0 0 40px;
}
.picture-wrap {
    -ms-grid-column: 1;
    margin:0 0 0 0;
    
}
.picture-t {
  margin-top:10px;
}
#pictureFlipView {
     height:500px;
     margin:20px 0 0 0;
}
.FlipViewImg {
    max-height:500px;
}
#picture-related {
     height:500px;
}
@media screen and (-ms-view-state: snapped) {
    .pictureDetail section[role=main] {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media screen and (-ms-view-state: fullscreen-portrait) {
    .pictureDetail section[role=main] {
        margin-left: 100px;
        margin-right: 100px;
    }
}